import React from "react";
import styles from "./style.css";
import ShoppingList from "./component/shopping-list";
import Picture from "./component/picture";
import Square from "./component/square";
import Clock from "./component/clock";

class Shopping extends React.Component {
  render() {
    const picture = {
      src: require("./asset/1024x768.jpg"),
      content1: (
        <p>
          拥有强大的灵力与惊人的巫术天赋、毅然投入到忍者世界的玉狐族巫女，无论是如何艰苦的修行都会全力以赴的完成~对她而言，只要可以守护族人的未来、忍村的伙伴，怎样的苦难都不值一提。
        </p>
      ),
      content2: (
        <p>
          即使是这样坚强的琳，偶尔也会在日常的间隙，一个人跑到后山那颗枫树下偷偷享受静谧的小憩时光~望着缓缓落下、点缀着夕阳的一片片绯红，感慨着时光的流逝，不知此刻的琳，心中在想着什么呢~
        </p>
      ),
      content3: (
        <p>
          尽管纷乱正一点点打破着往日的平和、时代的波澜也终究会将一族重新卷入到抉择之中…至少只有这一刻，在被油豆腐烤鸡的香味拉回思绪之前，就让琳好好地休息一下吧！
        </p>
      )
    };
    return (
      <div className={styles.shopping}>
        <div className={styles.title}>Shopping</div>
        <ShoppingList name="张三">{/* 插入的其他内容 */}</ShoppingList>
        <ShoppingList name="李四">{/* 插入的其他内容 */}</ShoppingList>
        <Picture src={picture.src}>
          {picture.content1}
          {picture.content2}
          {picture.content3}
        </Picture>
        <Square />
        <Clock />
      </div>
    );
  }
}
export default Shopping;
